<template>
   <el-main>
    <!--搜索框-->
        <div style="float: right;">
          <el-input placeholder="关键字搜索" style="width: 300px;"></el-input>
          <el-button type="primary" icon="el-icon-search">搜索</el-button>
        </div>
        <!--表格-->
        <el-table :data="tableData" style="margin: 0;padding: 0;">
            <el-table-column prop="classid" label="课程编号" width="140">
            </el-table-column>
            <el-table-column prop="classname" label="课程名" width="120">
            </el-table-column>
            <el-table-column prop="discribe" label="课程描述">
            </el-table-column>
        </el-table>
    </el-main>
</template>

<script>
export default {
  data () {
    const item = {
      classid: '2221',
      classname: 'python开发',
      discribe: 'web开发全套课程'
    }
    return {
      tableData: Array(item)
    }
  }
}
</script>

<style>

</style>
